@charset "utf-8";
/* CSS Document */
@media(max-width:1700px){
	.industryPic .slick-next {
    width: 60px;
    height: 80px;
    position: absolute;
    left: inherit;
    margin-top: -135px;
    z-index: 10;
    right: 0px;
    top: 50%;
    background: url(../img/abnt_03.png) no-repeat center;
}
	.imgDiv {
    overflow: hidden;
    height: 480px;
    background: url(../img/zzzzzzbj_03.png)no-repeat right;
    background-size: cover;
    margin-left: 360px;
}
	.advantage_l {
    margin-left: 0px;
}
	.end a {
    margin-left: 20px;
}
	.fl_r ul li {
    width: 45%;
    float: left;
    margin-bottom: 60px;
    padding-right: 5%;
		min-height: 250px;
}
	.news_nav_r span {
    display: block;
    font-size: 16px;
    color: #333333;
    margin-bottom: 5px;
   
}
	.wrap{
		width: 1200px;
	}
	.nav > ul > li {
    float: left;
    margin-left: 20px;
}
	.pro_r{
		display: none;
	}
	.pro_l{
		float: right;
	}
	.news_l{
		width: 42%;
	}
	.news_r {
		width: 55%;
	}
	.news_nav ul li {
    
padding-bottom: 12px;
    
margin-bottom: 12px;
}
	.about_r {
    width: 700px;
}
    .about_r_img video
{
         width:100%;
  
    object-fit: fill;
}
	.about_l {
    width: 440px;
}
	.fl_l {
		width: 300px;
	}
	.fl_r {
    width: 850px;
}
}
@media(max-width:1200px){
	.mpro .swiper-container-horizontal>.swiper-pagination-bullets, .mpro .swiper-pagination-custom, .swiper-pagination-fraction{
		display: none;
	}
	.khcase_r_txt ul {
    position: inherit;
    padding-left: 0px;
}
	.khcase_r_txt ul .all {
    position: inherit;
    left: 0px;
}
.addcase	.khcase_r {
    width: 100%;
    padding-left: 0px;
    border: 1px solid #e9e9e9;
    position: absolute;
    top: 100%;
    background: #fff;
    left: 0px;
    display: none;
    z-index: 99;
}
.addcase .dq {
    float: left;
    width: 100%;
    border-right: 1px solid #fff;
		float: inherit;
}
	.nydown_txt a {
    margin-left: 10px;
  
}
	.nydown_txt {
    margin: 0px 20px;
}
	.vision_txt p {
    font-size: 14px;
    line-height: 27px;
}
	.vision_txt {
    margin-top: 10%;
}
	.vision_txt h3 {
    margin-bottom: 5%;
}
		.vision {
			margin: 50px 0px;
		}
	.gban{
		display: block;
	}
	.dq{
		position: static;
	}
	.khcsae_top{
		position: relative;
		width: 100%; z-index: 999;
	}
	.dq{
		float: left;
		width: 33%;
		border-right: 1px solid #fff;
	}
	.dq:nth-child(3){
		border: none;
	}
	.honor {
    padding: 10% 0px 15%;
}
	.path .swiper-slide:nth-child(2n) .path_img {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
	.path .swiper-slide:nth-child(2n) .path_txt {
    position: inherit;
    text-align: center;
}
	.path .swiper-slide .path_txt {
    position: absolute;
    bottom: 0px;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
}
	.path .swiper-slide {
    height: 355px;
    position: relative;
    text-align: center;
}
	.culture_img {
    margin-top: 10%;
}
	.culture_r {
    width: 100%;
    margin-top: 10%;
}
	.culture {
    background: url(../img/abbg_02.jpg)center no-repeat;
    background-size: cover;
    padding: 10% 0px;
}
	.nyabout .about_more {
    margin-top: 5%;
}
	.nyabout .about_l {
    width: 100%;
}
	.nydown {
    margin-top: 5%;
}
	
	.nydown_nav ul li {
    width: 100%;
    box-shadow: 0 1px 20px 0 hsla(230,9%,48%,.2);
    background: #fff;
    float: left;
    margin-right: 0px;
    margin-bottom: 20px;
	padding: 30px 0px;
}
	.khcase_l{
	border: 1px solid #0d7ac5;
}
	.all4_nav ul li {
    padding: 0px;
    width: 33.3%;
}
	.all4_nav {
    width: 100%;
    margin-top: 5%;
}
	.khcase {
    margin:20px 0px;
}
	.khcase_nav ul li {
    width: 100%;
    float: left;
    margin-right: 0px;
   
    margin-bottom: 20px;
}
	.khcase_nav ul li img{
		width: 100%;
	}
	.all3_nav ul li {
    width: 50%;
    float: left;
    margin-bottom: 12px;
}
	.all3_nav {
    width: 100%;
    margin-top: 5%;
}
	.all2_nav ul li {
    width: 33.3%;
    float: left;
    margin-bottom: 12px;
}
	.all2_nav {
    width: 100%;
    margin-top: 5%;
}
	.all_nav {
    width: 100%;
		margin-top: 5%;
}
	.all_nav ul li {
    width: 25%;
    float: left;
    margin-bottom: 12px;
}
	.khcase_l {
    width: 100%;
    height: 40px;
    position: inherit;
    left: 0px;
}
	.khcase_r {
    width: 99.2%;
    padding-left: 0px;
    border: 1px solid #e9e9e9;
	position: absolute;
	top: 80%;
	background: #fff;
	left: 0px;
	display: none;
	z-index: 99;
}
	
	.dq_l {
    height: 100%;
    text-align: center;
    background: #0c77c0;
    position: relative;
    background-size: 100%;
}

	.map {
    margin-top: 10%;
}
	.join_k .subNavBox .sub {
    padding: 15px 0px;
    border-top: 1px solid #dedede;
}
	.join_k .subNavBox span {
    background: url(../img/zaddhao_03.png)no-repeat right;
    display: block;
    margin: 0px 20px;
    font-size: 16px;
    color: #333333;
}
	.join_txt .sc_a a {
    margin-top: 7%;
}
	.join_txt {
    margin: 0px 20px;
    padding: 40px 0px;
}
	.map_nav {
    margin: 0% 0px 0px;
}
	.map_txt {
    padding: 20px;
}
	.map_nav ul li {
    width: 100%;
    background: #eeeeee;
    min-height: 325px;
    overflow: hidden;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}
	.map_l p {
    font-size: 14px;
    color: #666666;
    line-height: 27px;
}
	.map_l span {
    display: block;
    font-size: 20px;
    color: #333333;
    margin-bottom: 10px;
}
	.map{
		margin: 5% 0px; 
	}
	.map_l {
    width: 100%;
		margin: 50px 0px;
}
	.map_r{
		width: 100%;
		height: 300px;
	}
	/*.map_r img{
		width: 100%;
		height: 300px;
	}*/
	.service2_r_txt {
    padding: 30px;
}
	.service2_r {
    width: 100%;
}
	.service2_nav ul li {
    background: #eeeeee;
    height: inherit;
    overflow: inherit;
		margin-bottom: 40px;
}
	.service2_l {
    width: 100%;
    overflow:hidden;
}
	.service2{
	margin: 10% 0px 15%;
}
	.service {
    margin: 10% 0px 30px;
}
	.service_nav ul li {
    padding-bottom: 40px;
}
	.service_txt span {
    font-size: 20px;
    padding-left: 25px;
    margin: 30px 0px 20px;
}
	.pro3_ft {
    background: #eeeeee;
    padding: 10% 0px 15%;
}
	.por_case .swiper-button-next, .por_case .swiper-container-rtl .swiper-button-prev {
    background-image: url(../img/casel_05.png);
    right: 15px;
    left: auto;
}
	.por_case .swiper-button-prev, .por_case .swiper-container-rtl .swiper-button-next {
    background-image: url(../img/caser_03.png);
    left: 15px;
    right: auto;
}
	.prod3onebox_img{
		width: 100%;
	}
	.prod3onebox_img img{
		width: 100%;
	}
	.por_case {
    position: relative;
    width: 100%;
    margin: 0px auto;
}
	.down_nav ul li a {
    background: #fff;
    display: block;
    padding: 35px 40px;
	margin-right: 15px;
}
	.down_nav ul{margin-right: -15px;}
	.down_nav ul li {
	box-shadow: none;
    float: left;
    width: 50%;
    margin-right: 0px;
		margin-bottom: 15px;
}
	.pro_cs_nav ul li dd {
    font-size: 14px;
    width: 100%;
    line-height: 30px;
}
	.pro_cs span {
    font-size: 18px;
    padding-left: 20px;
    margin: 40px 0px 0px;
}
	.pro3_box {
    margin: 10% 0px;
}
	.pro3_box_r p {
    font-size: 14px;
    color: #666666;
    line-height: 27px;
    display: block;
    margin: 4% 0px 8%;
}
	.pro3_box_r span {
    display: block;
    font-size: 26px;
    color: #333333;
    margin-bottom: 5px;
    margin-top: 5%;
}
	.dw {
		display: none;
	}
	.pro3_box_r {
    width: 100%;
}
	.pro3_box_l {
    width: 100%;
}
	.pc-hide{
	display: block;
}
	.pc-show{
		display: none;
	}
	.prod2_top{
		display: block;
	}
	.pro2_box_r_nav {
    position: inherit;
    left: 0px;
    height:157px;
    margin-top: 0px;
		/*padding-bottom: 20px;*/
}
	.pro2_box_rimg{
		display: none;
	}
	.pro2_box_r {
    width: 100%;
    position: relative;
}
	
	.pro2_box_l{
		display: none;
	}
	.pageBox {
    margin: 10% 0px 15%;
}
	.newShow {
    border: #dedede solid 1px;
    padding: 40px 15px;
}
	.newShow .content img {
    max-width: 100%;
}
    .newShow .content img {
    width: 100%!important;
    height:100%!important;
}
	.pageDown .btn{position:relative; top:0px; margin-top: 15px; width: 145px; text-indent: 46px; font-size: 14px; height: 40px; line-height: 40px; background-size: 145px;}
	.pageDown .btn:hover{ background-size: 145px;}
	.pageDown .box {
    border-top: #ddd dashed 1px;
    padding-top: 0px;
    padding-right: 0px;
    width: 100%;
}
	.newShow .name {
    font-size: 18px;
    padding-bottom: 15px;
}
	.PC-Box, .nav, .headDiv .topSearch, .foot, .banner, .footDiv, .pageBanner, .pageNav, .pageNum, .w280, .areaTab, .businessTab, .noticeTab{ display:none;}
	.w880{ width: 100%; border-right: none; }
	.news .list ul{ margin-right: 0px; }
	.news .list li{ float:  none; margin-bottom: 25px;}
	.news .list li .box{ width: 100%; margin-right: 0px; height: auto; padding-bottom: 25px;}
	.news .list .li01 .box{ width: 100%; } 
	.news .list li .name{ padding-top: 20px; height: 30px; line-height: 30px;}
	.news .list li .content{ padding-top: 15px; line-height: 24px; height: 48px;}
	.news .list li .botDiv{ padding-top: 15px;}
	.news .list li .add{ top: 15px;}
	.news .list li .wen{ height: 42px; }
	.news .list li .name2{ padding:0 15px; height: 42px; line-height: 42px; font-size: 14px; }
	.news .list li .imgDiv2 img {height:auto;}
	.news .list li .time2{ display: none; }
	.nybanner{
		display: none;
	}
	.nypro {
    margin-bottom: 15%;
}
	.nypro_top {
    margin: 6% 0px 5%;
}
	.nypro_nav ul li span {
    display: block;
    font-size: 14px;
    color: #666666;
    text-align: center;
    border-top: 1px solid #dedede;
    padding-top: 5%;
    margin: 0px 3%;
}
	.nypro_nav ul li span {
    margin: 0px 3%;
}
	.nypro_nav ul li {
    width: 50%;
    margin-right: 0px;
    margin-bottom: 20px;
}
	.nypro_nav ul li a{
		margin-right: 8px;
		padding:5% 3%;
	}
	.nypro_nav ul{
		margin-right: -8px;
	}
	.m_xl{
		display: block;
	}
	.ny_dh{
		display: none;
	}
	.fy{
		display: none
	}
	.fy_more {display: inline-block; margin:0px auto;}
	
	.fy_more a {
		display: inline-block;
	
		padding: 0 10px;
		height: 43px;
		line-height: 43px;
		text-align: center;
		font-size: 14px;
		color: #666666;
		font-family: "Arial";
	}	
 
	.nycase_nav ul li span {
    bottom: 15px;
    width: 100%;
    font-size: 18px;
}
	.nycase_box {
    margin: 10% 0px 20px;
}
	.nycase_nav ul li {
    float: left;
    width: 100%;
    position: relative;
    margin-right: 0px;
    margin-bottom: 30px;
    overflow: hidden;
}
	.div2002 {
    width: 92%;
    margin: 0px auto;
}
	.nycase_top {
    padding: 25px 0px;
    border-bottom: 1px solid #dedede;
    display: none;
}
	.about_l {
    width: 100%;
}
	.case_box .div2002{
		width: 92%;
		margin: 0px auto;
	}
	.end p {
    line-height: 27px;
}
	.end {
    background: #131313;
    padding: 30px 0px;
}
	.end_nav a:last-of-type{
		display: none;
	}
	.end_nav{
		width: 100%;
		margin-bottom: 20px;
	}
	.end_nav a{
		margin-left: 0px;
		margin-right: 11px;
	}
	.fl_t{
		padding-bottom: 10%;
	}
	.footer {
    padding-top: 10%;
}
	.fl_lnav ul li{
		margin-right: 0px;
		margin-left: 15px;
	}
	.fl_t p {
    font-size: 14px;
    color: #dedede;
    line-height: 27px;
}
	.fl_t h3 {
    font-size: 28px;
    margin: 10px 0px;
}
	.fl_t span {
    font-size: 20px;
    margin-bottom: 5%;
}
	.fl_lnav ul li .fl_two {
    display: inline-block;
}
	.fl_lnav ul li  .fl_one {
    display: none;
}
	.fl_lnav {
    margin-top: 0px;
		position: absolute;
		top: 0px;
		right: 0px;
}

	.fl_l {
    width: 100%;
	position: relative;
}
	.fl_r {
    width: 850px;
    display: none;
}
	.ft_nav {
    display: none;
}
	.advantage_r ul li p {
    font-size: 12px;
}
	.advantage_r ul li a {
    display: block;
    padding-left: 15px;
}
	.advantage_r ul li span {
    font-size: 16px;
  
    margin-bottom: 5px;
}
	.advantage_r ul li {
    background: #0c65a0;
    height: 50px;
    padding: 20px 0px;
    opacity: 0.9;
}
	.advantage_l a {
    
    margin-top: 50px;
    margin-bottom: 100px;
}
	.advantage_l span {
    font-size: 56px;
   
}
	.advantage_r {
    width: 100%;
		margin-top:5%;
}
	.advantage_l {
    margin-left: 0px;
    width: 100%;
	background: url(../img/zmaa_02.jpg)no-repeat center;
	background-size: cover;
	display: none;
	margin-top: 15%;
}
	.adv{
		display: block;
	}
	
	.advantage {
    background: none;
    background-size: cover;
	margin-bottom: 5%;
}
	.about_r_nav {
    margin-top: 5%;
}
	.about_r_nav ul li {
    width: 50%;
    margin-bottom: 50px;
}
	.about_r {
    width: 100%;
		/*margin-top: 10%;*/
}
	.about_l p {
    font-size: 24px;
    line-height: 40px;
    margin: 5% 0px 10%;
}
	.about_l h3 {
    font-size: 48px;
}
	.about_l span {
    font-size: 26px;
}
	.about {
    /*padding: 10% 0px;*/padding: 10% 0px 0;
}
	.news_more {
    text-align: left;
    padding: 5% 0px;
}
	.news_r {
    width: 100%;
		margin-top: 5%;
}
	.news_box{
		width: 100%;
	}
	.news_box img{
		width: 100%;
	}
	.news_l {
    width: 100%;
}
	.case .swiper-button-next, .case .swiper-container-rtl .swiper-button-prev {
  
    right: 30px;
    left: auto;
}
	.case .swiper-button-prev, .case .swiper-container-rtl .swiper-button-next {
   
    left: auto;
    right: 100px;
}
	.case .swiper-button-next, .case .swiper-button-prev {
    /*bottom: 280px;
    top: inherit;*/ top: 30px;bottom: inherit;
    outline: none; display: none;
}
	.case_txt a {
    margin-top: 6%;
}
	.case_txt span {
    font-size: 20px;
    margin-bottom: 5%;
}
	.case_txt {
    margin: 5%;
}
	.case_box{
		/*padding: 5% 0px;*/
	}
	.case_r {
    background: #f0f0f0;
   width: 100%;
		height: 250px;
}
	.case_l{
		width: 100%;
	}
	.case_l img{
		width: 100%;
	}
	.div1200{
		width: 100%;
	}
	.case_lb{
		display: block;
	}
	.solution_top p {
    font-size: 20px;
}
	.solution_top span {
    font-size: 32px;
    margin-bottom: 5px;
}
	.solution_top {
    top: 50px;
}
	.solution{
		background: url(../img/mcase_02.jpg)no-repeat center;
		background-size: cover;
		height: 500px;
	}
	.solution_nav{
		display: none;
	}
	.mpro{
		display: block;
	}
	.Product{
		display: none;
	}
    .mxfDiv{ display:none;}
	.box_top p {
    font-size: 20px;
}
	.box_top span {
    font-size: 32px;
    margin-bottom: 10px;
}
	.box_top {
    margin: 10% 0px 6%;
    
}
	.number_nav {
		
    box-shadow:none;
}

	.number_nav ul li {
	 box-shadow: 1px 1px 20px 0 hsla(230,9%,48%,.2);	
    float: left;
    width: 50%;
    text-align: center;
    height: 90px;
    padding: 40px 0px 30px;
    background: #f2f2f2;
	margin-top: 30px;
}
	.rslides_tabs {
    text-align: right;
    position: absolute;
    bottom: 30px;
    z-index: 99;
   right: 30px;
	width:100%;
	display: block;
}
	.main_top {
    margin-top: 0px;
    position: relative;
    z-index: 999;
}
	.mbanner{
		display: block;
	}
	.banner{
		display: none;
	}
	.header{
		display: none;
	}
	.m_head{
		display: block;
	}
	.wrap{
		width: 92%;
	}
	.m_search{
		margin-top: 20px;
		height: 60px;line-height: 60px;
		padding: 0px 30px;
		border-radius: 50px;
	}

    /*2020.7.31*/
	.hpart1 .title{ padding-bottom:35px;}
	.hpart1 .leftDiv, .hpart1 .rightDiv{ width:auto; float:none; padding-bottom:40px;}
	
	.hpart2{ padding-top:30px;}
	.hpart2 .title{ padding-bottom:35px;}
	.hpart2 .list li{ float:none; width:100%; padding-bottom:40px;}
    .wal2{ width:100%;}
    .float0831{ display: none;}

}
@media(max-width:640px){
	.down_nav {
    margin: 5% 0px 10%;
}
	.down_nav ul li {
    width: 100%;
}
	.down_nav ul li a {
    margin-right: 0px;
}
	.down_nav ul {
    margin-right: 0px;
}
.down_nav ul li span {
    font-size: 18px;
    line-height: 32px;
   
}
	.news_nav_r span {
    display: block;
    font-size: 14px;
    color: #333333;
    margin-bottom: 5px;
}
	.time {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 74px;
    height: 50px;
    padding: 15px 8px 26px;
    background: url(../img/nwesbj_03.jpg)no-repeat;
    text-align: right;
}
	.news_bom span {
    display: block;
    font-size: 14px;
    color: #fafafa;
    background: rgba(10,108,173,0.9);
    padding-left: 30px;
    line-height: 40px;
}
	.temb_top {
    padding: 3% 0px;
}
	.number_nav ul li span {
    display: block;
    font-size: 32px;
    color: #0a6cad;
    line-height: 45px;
}
	.mbnt{
		width: 30px;
	}
	.m_head .search {
  margin-top: 11px;
    margin-right: 10px;
}
	.mlogo {
    width: 130px;
}
	.search {
    margin-left: 0px;
    margin-top: 35px;
}
	.en {
    width: 43px;
    height: 28px;
    line-height: 28px;
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    background: #0a6cad;
    margin-left: 10px;
    padding: 0px 5px;
}
	.mlogo {
    width: 160px;
}
	.mai {
    width: 45px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border-radius: 12px;
    color: #fff;
    font-size: 11px;
    background: #098ec1;
    margin-left: 0px;}
	.advantage_l span {
    font-size: 48px;
}
}
@media(max-width:350px){
	.mai{
		display: none;
	}
}